<%@page import="dao.ProfissaoDAO"%>
<%@page import="java.io.PrintWriter"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ page import="dao.LocalidadeDAO"%>
<%@ page import="dao.ProfissaoDAO"%>
<%@ page import="java.sql.ResultSet"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
function controlaCombos() {
	var cidades = new Array();;
	var i = 0;
	
	document.getElementById("comboCidade").options.length = 0;

	nomeEstado = document.getElementById('comboEstado').options[document
			.getElementById('comboEstado').selectedIndex].innerText;
	
	<%ResultSet rsCidade =LocalidadeDAO.getCidade();
		while(rsCidade.next()){%>
			
			rsEstado = "<%= rsCidade.getString("ed.Descricao")%>";
			
			if(nomeEstado == rsEstado){
				nome = ("<%= rsCidade.getString("cd.Descricao")%>");
				
				cidades[i] = nome;
				i++;
			}
		<%}%>
		
	carregaCidades(cidades);	
}

function criaTabelaProfissional(tipo){
	var profissao = new Array();
	var i = 0;
	
	<%ResultSet rsProfissao = ProfissaoDAO.getProfissao();
	while(rsProfissao.next()){
	%>
		profissao[i] = "<%= rsProfissao.getString("nome")%>";
		i++;
	<%
	}
	%>

	tipoPerfil(tipo, profissao);
}
	
	function Voltar(){
		location.href=" home.jsp"
	}
</SCRIPT>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script language="javascript" src="ScriptJS/Validacoes.js"></script>
<script language="javascript" src="ScriptJS/Consultas.js"></script>
<script language="javascript" src="ScriptJS/CriaComponentes.js"></script>  
<style type="text/css">
<!--
h3 {color: #00FF00;}

.example {

max-width: 420px;
min-width: 5px;
}


-->
</style>
<title>Cadastro</title>
</head>
<body>
	<form method="post" action="/ProfissionaisAutonomos/CadastroServlet"
		id="formulario">

		<table>
			<tr>
				<td colspan='2'><h3>Tipo Perfil:</h3></td>
			</tr>
			<tr>
				<td><input type="radio" name="pessoa"
					onClick="criaTabelaProfissional(this);" value="1" checked="checked">Cliente</td>
				<td><input type="radio" name="pessoa"
					onClick="criaTabelaProfissional(this);" value="2">Profissional
				</td>
			</tr>

			<tr>
				<td colspan='2'>
					<hr>
				</td>
			</tr>

			<tr>
				<td colspan='2'><h3>Dados Pessoais:</h3></td>
			</tr>
			<tr>
				<td>Nome:</td>
				<td><input type="text" name="nome"></td>
			</tr>
			<tr>
				<td>Data Nascimento:</td>
				<td><input type="text" id="dtNascimento" name="dtNascimento" maxLength="10" onkeypress="formatar_mascara(this, '##/##/####')" onblur="verificaData(this)"></td>
			</tr>
			<tr>
				<td colspan='2'>Sexo:<br></td>
			</tr>
			<tr>
				<td><input type="radio" name="sexo" value="M" checked="checked">Masculino
				</td>
				<td><input type="radio" name="sexo" value="F">Feminino
				</td>
			</tr>

			<tr>
				<td colspan='2'>
					<hr>
				</td>
			</tr>
			
			<tr>
				<td><h3>Localidade:</h3></td>
			</tr>
			<tr>
				<td>Estado:</td>
				<td>Cidade:</td>
			</tr>
			<tr>
				<td><select id="comboEstado" name="comboEstado" onchange="controlaCombos()">
						<%
						ResultSet rsEstado = LocalidadeDAO.getEstado();

						while(rsEstado.next()) {
					%><option><%=rsEstado.getString("descricao")%></option>
						<%
 						}
 					%>
				</select></td>

				<td><select id="comboCidade" name="comboCidade">
						<option>-- Selecione um estado --</option>
				</select></td>
			</tr>

			<tr>
				<td colspan='2'>
					<hr>
				</td>
			</tr>
			<tr>
				<td colspan='2'><h3>Contatos:</h3></td>
			</tr>
			<tr>
				<td>Telefone:</td>
				<td><input type="text" id="telefone" name="telefone" maxLength="13" onkeypress="formatar_mascara(this, '(##)####-####')" onblur="verificaTelefone(this)"></td>
			</tr>
			<tr>
				<td>E-mail:</td>
				<td><input type="text" name="email"></td>
			</tr>
			<tr>
				<td colspan='2'>
					<hr>
				</td>
			</tr>
		</table>

		<table id="TabelaSubmit">
			<tr>
				<td><input type="submit" value="Cadastrar"></td>
				<td><input type="reset" onClick="tipoPerfil(this);" value="Limpar"></td>
				<td><input type="button" onclick="Voltar()" value="Voltar"></td>
			</tr>
		</table>
	</form>
</body>
</html>